<!--
 * @Author: XN
 * @Date: 2020-11-26 11:28:06
 * @LastEditTime: 2020-12-03 19:01:48
 * @LastEditors: XN
 * @Description:
 * @FilePath: /lab-car/html/carInfo.html
-->
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <link rel="stylesheet" href="/css/bootstrap.min.css">
        <link rel="stylesheet" href="/css/nav.css">
        <link rel="stylesheet" href="/css/carInfo.css">
        <script src="/js/jquery-3.4.1.min.js"></script>
        <script src="/js/bootstrap.min.js"></script>
        <script src="/js/carInfo.js"></script>
        <script src="/js/hullabaloo.min.js"></script>
        <title>车联网信息分发</title>
    </head>

    <body>
        <div id="container">
            <nav class="navbar navbar-inverse" id="topNavCom">
                <a class="navbar-brand" href="./infoCenter.html" id="topNavComTitle">车联网信息分发平台</a>
            </nav>
            <nav class="sidebar navbar-inverse" id="sidebarMenu">
                <div class="sidebar-wrapper">
                    <ul class="nav">

                        <li class="sidebarLi">
                            <a href="infoCenter.html">
                                <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
                                信息中心
                            </a>
                        </li>
                        <li class="sidebarLi sidebarActive">
                            <a href="RSU.html">
                                <span class="glyphicon glyphicon-registration-mark" aria-hidden="true"></span>
                                RSU
                            </a>
                        </li>

                        <li class="sidebarLi">
                            <a href="platform.html">
                                <span class="glyphicon glyphicon-cloud" aria-hidden="true"></span>
                                模拟平台
                            </a>
                        </li>
                        <li class="sidebarLi">
                            <a href="login.html" id="logout">
                                <span class="glyphicon glyphicon-log-in" aria-hidden="true"></span>
                                退出
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div id="carInfoContent">
                <div id="chooseContent">
                    <ol class="breadcrumb">
                        <li><a href="RSU.html">RSU</a></li>
                        <li class="active">所属车辆信息</li>
                    </ol>
                    <button type="button" class="btn" id="carInfoAdd" data-toggle="modal"
                        data-target="#addCarInfoModal">添加</button>
                    <table class="table table-hover table-bordered" id="carInfoTableT">
                        <tr class="carInfo">
                            <th>车辆序号</th>
                            <th>车牌</th>
                            <th>车辆颜色</th>
                            <th>车辆品牌</th>
                            <th>车辆类型</th>
                            <th>车辆密钥</th>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="modal fade" id="addCarInfoModal" tabindex="-1" role="dialog" aria-labelledby="addCarInfoModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="addCarInfoModalLabel">添加信息</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="form-group" id="carCardForm">
                                <label class="col-sm-2 control-label">车牌</label>
                                <div class="col-sm-10" id="carCardIptDiv">
                                    <input type="text" class="form-control" id="inputCarCard" placeholder="">
                                </div>
                            </div>
                            <div class="form-group" id="carColorForm">
                                <label for="inputPassword" class="col-sm-2 control-label">车辆颜色</label>
                                <div class="col-sm-10" id="carColorIptDiv">
                                    <input type="text" class="form-control" id="inputCarColor" placeholder="">
                                </div>
                            </div>
                            <div class="form-group" id="carBrandForm">
                                <label for="inputPassword" class="col-sm-2 control-label">车辆品牌</label>
                                <div class="col-sm-10" id="carBrandIptDiv">
                                    <input type="text" class="form-control" id="inputCarBrand" placeholder="">
                                </div>
                            </div>
                            <div class="form-group" id="carTypeForm">
                                <label for="inputPassword" class="col-sm-2 control-label">车辆类型</label>
                                <div class="col-sm-10" id="carTypeIptDiv">
                                    <input type="text" class="form-control" id="inputCarType" placeholder="">
                                </div>
                            </div>
                            <div class="form-group" id="carKeyForm">
                                <label for="inputPassword" class="col-sm-2 control-label">车辆密钥</label>
                                <div class="col-sm-10" id="carKeyIptDiv">
                                    <input type="text" class="form-control" id="inputCarKey" placeholder="">
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary" onclick="addCarInfoBtn()">提交</button>
                    </div>
                </div>
            </div>
        </div>
    </body>

</html>
